@import '../../../../css/colorVar.less';
@labelWidth:((12/24)/24)*6*100%;
@labelWidth1:((12/24)/24)*8*100%;

@spanWidth:((12/24)/24)*100%;
.addBond{
    overflow: hidden;
    height: unset!important;
    >div:last-child{
        display: flex;
        >div{
            width: 50%;
        }
        >div:first-child{
            padding-right: 10px;
        }
        >div:last-child{
            padding-left: 10px;
        }
    }
    
    :global{
        .backBg{
            background: @section_bg;
            padding: 10px 0;
        }
        .ant-tabs{
            width: 100%!important;
        }
        .ant-tabs-bar{
            margin-bottom: 10px;
        }
        .ant-tabs-nav .ant-tabs-tab {
            margin: 0 12px 0 0;
            padding: 6px;
        }
        .ant-tabs-nav .ant-tabs-tab-active {
            color:@theme;
            font-weight: 500;
        }
        .ant-tabs-tab{
            color: @text_auxiliary;
        }
        .ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane{
            overflow: hidden;
        }
        
    }
}
.btnOperate{
    width: 100%;
    text-align: right;
    padding-bottom: 20px;
    padding-right: 1.04166667%;
    >div:first-child{
        margin-right: 10px;
    }
}
.addBond{
    :global{
       .extraBtn,.SPPI_result{
           >.ant-row {
               z-index: 2;
           }
           :global{
              .ant-form-item-control-wrapper{
                padding-right: 30px;
              }
              .ant-select-selection{
                  border-radius: 2px 0 0 2px!important;
                  border-top-width: 1px;
              }
              .btnPlus{
                position: absolute;
                right: 0;
                top: 0px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                box-sizing: border-box;
                border: 1px solid @number_border;
                border-left: 0;
                border-radius: 0 2px 2px 0;
                display: flex;
                align-items: center;
                justify-content: space-evenly;
                user-select: none;
                z-index: 10;
                img{
                   height: 14px;
                   width: 14px;
                }
              }
          }
       }
    
    }
}
// 屏幕适配有顺序
@media  (min-width: 1600px)    { //大于1600
    .addBond{
        
     :global{
        .extraBtn{
            .flotRight{
                position: absolute;
                left: 0;
                right: 0;
                top: 6px;
                >div{
                    width: calc(100% -  @spanWidth);
                    height: 30px;
                    position: relative;
                }
            }
          }
        .SPPI_result{
            .flotRight{
                position: absolute;
                left: 0;
                right: 0;
                top: 6px;
                >div{
                    width: calc( @spanWidth*23*2);
                    height: 30px;
                    position: relative;
                }
            }
        }
        .describe_bank{
            :global{
                .ant-form-item-label{
                width: @labelWidth; 
                }
                .ant-form-item-control-wrapper{
                width: calc(100% - @labelWidth - @spanWidth);
                }
            }
        
            }
     }
    }
 }

  @media (min-width: 1201px)  and (max-width: 1600px) { //1200<x<1600
    .addBond{
     :global{
         .extraBtn{
           .flotRight{
                position: absolute;
                left: 0;
                right: 0;
                top: 6px;
                >div{
                    width: calc(100% -  @spanWidth*2);
                    height: 30px;
                    position: relative;
                }
            }
         }
         .SPPI_result{
            .flotRight{
                position: absolute;
                left: 0;
                right: 0;
                top: 6px;
                >div{
                    width: calc( @spanWidth*22*2);//占比一半 所以乘2
                    height: 30px;
                    position: relative;
                }
            }
        }
        .describe_bank{
            :global{
                .ant-form-item-label{
                width: @labelWidth1; 
                }
                .ant-form-item-control-wrapper{
                width: calc(100% - @labelWidth1 - @spanWidth*2);
                }
            }
        
            }
     }
    }
 }
 